<template>
	<view>
		<view>
			<navTop title="关于我们" :isHeight="false" hasBgc="white" :color="navtop.color" :isBack="true"></navTop>
		</view>
		<view>
			<view class="border1">小程序介绍</view>
			<image src="https://img01-xusong.91q.com/AE79AD61-2834-4278-A2D9-9B3B6C5A2B06.png" class="logo"></image>
			<view class="text1">“E7社团”是基于uni-app，springboot和mybaits-plus等技术栈，设计的一款关于社团管理的微信小程序，意在方便同学管理小程序，更好的了解学校的活动状态，不错过一些有趣的活动。</view>
		</view>
		<view>
			<view class="border2">开发成员</view>
			<image src="https://img01-xusong.91q.com/18D95E64-E412-42EE-9B74-A150466E6C4F.jpg" class="img1"></image>
			<view class="name1">杨桐</view>
			<image src="https://img01-xusong.91q.com/04AF4B31-0AF5-4E74-9FB4-9F224DA1FE4E.jpg" class="img2"></image>
			<view class="name2">路智萍</view>
			<image src="https://img01-xusong.91q.com/AF80AC0D-F116-4052-B33B-B780030AE80D.png" class="img3"></image>
			<view class="name3">董玉可</view>
			<image src="https://img01-xusong.91q.com/5AC84FBB-A729-4453-917E-911C90E4F49E.jpg" class="img4"></image>
			<view class="name4">陈记莹</view>
			<image src="https://img01-xusong.91q.com/449D3448-902A-413D-AF80-ED92783221AA.jpg" class="img5"></image>
			<view class="name5">郭益豪</view>
		</view>
		<view>
			<view class="border3">团队简介</view>
			<view class="text2">“深藏blue”团队：一支充满巧思，富有想象力和创造力，勇往直前不怕bug且非常团结的队伍</view>
		</view>
	</view>
</template>

<script>
	import navTop from '../../components/navTop.vue'
	export default {
		components: {
			navTop,
		},
		data(){
			return{
				navtop: {
					title: 'XXX',
					color: '#000000'
				},
			}
		},
	}
</script>

<style>
	.border1{
		left: 56rpx;
		top: 238rpx;
		width: 638rpx;
		height: 62rpx; 
		line-height: 60rpx;
		font-weight: 700;
		border-radius: 54rpx;
		background-color: rgba(245, 166, 35, 100);
		color: rgba(255, 255, 255, 100);
		font-size: 30rpx;
		text-align: center;
		font-family: Arial;
		position: absolute;
	}
	.logo{
		left: 160rpx;
		top: 280rpx;
		width: 428rpx;
		height: 428rpx;
		position: absolute;
	}
	.text1{
		left: 66rpx;
		top: 602rpx;
		width: 630rpx;
		height: 160rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 28rpx;
		text-align: left;
		font-family: PingFangSC-medium;
		position: absolute;
	}
	.border2{
		left: 56rpx;
		top: 810rpx;
		width: 638rpx;
		height: 62rpx;
		line-height: 60rpx;
		font-weight: 700;
		border-radius: 54rpx;
		background-color: rgba(245, 166, 35, 100);
		color: rgba(255, 255, 255, 100);
		font-size: 30rpx;
		text-align: center;
		font-family: Arial;
		position: absolute;
	}
	.img1{
		left: 84rpx;
		top: 906rpx; 
		width: 140rpx;
		height: 140rpx;
		border-radius: 124rpx;
		position: absolute;
	}
	.name1{
		left: 116rpx;
		top: 1052rpx;
		width: 78rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 26rpx;
		text-align: left;
		font-family: PingFangSC-medium;
		position: absolute;
	}
	.img2{
		left: 306rpx;
		top: 906rpx;
		width: 140rpx;
		height: 140rpx;
		border-radius: 124rpx;
		position: absolute;
	}
	.name2{
		left: 338rpx;
		top: 1052rpx;
		width: 78rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 26rpx;
		text-align: left;
		font-family: PingFangSC-medium;
		position: absolute;
	}
	.img3{
		left: 528rpx;
		top: 906rpx;
		width: 140rpx;
		height: 140rpx;
		border-radius: 124rpx;
		position: absolute;
	}
	.name3{
		left: 560rpx;
		top: 1052rpx;
		width: 78rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 26rpx;
		text-align: left;
		font-family: PingFangSC-medium;
		position: absolute;
	}
	.img4{
		left: 194rpx;
		top: 1090rpx;
		width: 140rpx;
		height: 140rpx;
		border-radius: 124rpx;
		position: absolute;
	}
	.name4{
		left: 226rpx;
		top: 1236rpx;
		width: 78rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 26rpx;
		text-align: left;
		font-family: PingFangSC-medium;
		position: absolute;
	}
	.img5{
		left: 416rpx;
		top: 1090rpx;
		width: 140rpx;
		height: 140rpx;
		border-radius: 124rpx;
		position: absolute;
	}
	.name5{
		left: 448rpx;
		top: 1236rpx;
		width: 78rpx;
		height: 38rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 26rpx;
		text-align: left;
		font-family: PingFangSC-medium;
		position: absolute;
	}
	.border3{
		left: 56rpx;
		top: 1308rpx;
		width: 638rpx;
		height: 62rpx;
		line-height: 60rpx;
		font-weight: 700;
		border-radius: 54rpx;
		background-color: rgba(245, 166, 35, 100);
		color: rgba(255, 255, 255, 100);
		font-size: 30rpx;
		text-align: center;
		font-family: Arial;
		position: absolute;
	}
	.text2{
		left: 70rpx;
		top: 1404rpx;
		width: 610rpx;
		height: 80rpx;
		color: rgba(16, 16, 16, 100);
		font-size: 28rpx;
		text-align: left;
		font-family: PingFangSC-regular;
		position: absolute;
	}
</style>
